<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>bookNew</title>
<style>
	.a1{
		width: 280px;
/*		height: 410px;*/
/*		border: solid;*/
/*		overflow-y: scroll;*/
	}
</style>
</head>
<script>
	function showDetail(){
		document.getElementById("detail").style.display="inline";
	}
</script>
<body>
<div class="a1">
<div style="border-bottom: solid">
<form>
	<table>
		<tr>
			<td colspan="2">定位用户和图书</td>
		</tr>
		<tr>
			<td>学号：</td>
			<td><input type="text" value="2016070030444"></td>
		</tr>
		<tr>
			<td>图书编号：</td>
			<td><input type="text" value="JN-0537"></td>
		</tr>
		<tr>
		<td><input type="reset" value="重填"></td>
		<td><input type="button" value="查询" name="query" onClick="showDetail()"></td>
		</tr>
	</table>
	</form>
</div>
<div id="detail" style="display: none">
	<table>
		<tr>
			<td>姓名：</td>
			<td><input type="text" value="阿狸"></td>
		</tr>
		<tr>
			<td>学号：</td>
			<td><input type="text" value="2016070030444"></td>
		</tr>
		<tr>
			<td>身份证号码：</td>
			<td><input type="text" value="370811199909299999"></td>
		</tr>
		<tr>
			<td colspan="2">--------------------------------------</td>
		</tr>
		<tr>
			<td>图书编号：</td>
			<td><input type="text" value="JN-0537"></td>
		</tr>
		<tr>
			<td>书名：</td>
			<td><input type="text" value="计算机操作系统(第四版)"></td>
		</tr>
		<tr>
			<td>作者：</td>
			<td><input type="text" value="汤小丹 梁红兵等"></td>
		</tr>
	</table>
</div>
</div>
</body>
</html>
